<!DOCTYPE html>

<html>

	<head>

		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

		<title>仪器共享</title>

		<meta name="keywords" content="科研仪器，生命科学仪器，环境检测仪器，实验常用设备，分析仪器">

		<meta name="description" content="中国领先的科研仪器共享平台，让您快速找到各种类型的科学研究仪器。提升闲置仪器利用率，产生更大科研价值。涵盖：生命科学仪器、环境检测仪器、实验常用设备、分析仪器、仪表、物性测试、测量/计量仪器、在线及过程控制仪器。

">
		<!--<link rel="stylesheet" href="new_css/header_footer.css?t=1">-->
		<link rel="stylesheet" href="new_css/lizisepuyi.css">
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/common.css">
		<script src="new_js/jquery-1.11.3.js"></script>
		<script>
			$(function() {
				$('#front_header .header_wrap .right').hover(function() {
					$('#front_header .header_wrap .right .main .icon img').attr('src', 'images/icon2.png');
					$('#front_header .header_wrap .right .out').show();
				}, function() {
					$('#front_header .header_wrap .right .main .icon img').attr('src', 'images/icon1.png');
					$('#front_header .header_wrap .right .out').hide();
				});
				$('#sorts').on('mouseover', 'li', function() {
					$(this).find('span img').attr('src', 'images/icon4.png');
				});
				$('#sorts').on('mouseout', 'li', function() {
					$(this).find('span img').attr('src', 'images/icon5.png');
				});

				$('.mainList .content .left li').click(function() {
					$(this).addClass('selected').siblings().removeClass('selected');
				});
			});
		</script>
		<style>
			img#loop {
				vertical-align: middle;
				margin: 0 auto;
				margin-bottom: 8px;
			}
			#up_img_WU_FILE_0{
				width: 400px;
				height: 20px !important;
				margin-top: 20px;
				padding: 15px 0 15px 20px;
			}
		</style>
	</head>
	<body style="background:#fff;">
		<!--header-->
		<header>
			<!--Top head navigation bgc-->
			<div class="top-nav-bgc">
				<!--Top head navigation-->
				<div class="top-nav">
					<!--left-->
					<div class="top-nav-left fl">
						<!--img-->
						<img src="images/home.png">
						<!--companyName-->
						<span><a href="index">观迎访问仪器共享平台</a></span>
					</div>
					<!--right-->
					<div class="top-nav-right fr" >
						<!--username-info-->
						<div class="username-info">
							<!--userImg-->
							<div class="userImg fl">
								<img src="images/user.png">
							</div>
							<!--username-->
							<div class="username fl">
								<ul>
									<li id="username" >
										<a onclick="userImg();" href="">itwangyang@foxmail.com</a>
										<img id="userImg" src="images/icon1.png">
									</li>
								</ul>
								<ul  class="dropdown-nav" id="dropdown-nav" style="display: none">
									<!--<img src="images/icon9.png">-->
									<li>
										<a class="active" href="">用户中心</a>
									</li>
									<li>
										<a href="">退出登录</a>
									</li>
								</ul>
							</div>
							<!--selectNav-->
							<!--<div class="icon-img fl">-->
							<!--<img src="images/icon1.png">-->
							<!--</div>-->
						</div>
					</div>
				</div>
			</div>
			<!--header search-->
			<div class="header-search clearfix">
				<!--left-->
				<div class="header-search-lef fl">
					<div class="logo-name fl" ><a href="index">科研仪器共享平台</a> </div>
					<div class="shopping-Mall fl">
						<div class="logo-mall instrument-management">
							<a href="">仪器管理</a>
						</div>
					</div>
				</div>
				<!--right-->
			</div>

			<!--nav-->
			<nav>
				<ul>
					<li>
						<a class="nav-active" href="#">仪器管理与发布
							<span>
							<img src="images/yydd_arrow_white.png" onmouseover="this.src='images/yydd_arrow_white.png' " onmouseout=this.src='images/yydd_arrow_blank.png'>
						</span>
						</a>
						<ul>
							<li ><a class="nav-active"  href="#">信息维护</a> </li>
							<li><a href="#">发布仪器</a> </li>
							<li><a href="#">发布仪器公告</a> </li>
							<li><a href="#">发布服务</a> </li>
						</ul>
					</li>


					<li>
						<a href="#">预约订单管理
							<span>
							<img src="images/yydd_arrow_blank.png" onmouseover="this.src='images/yydd_arrow_white.png' " onmouseout=this.src='images/yydd_arrow_blank.png'>
						</span>
						</a>
						<ul>
							<li ><a  href="#">信息维护</a> </li>
							<li><a href="#">发布仪器</a> </li>
							<li><a href="#">发布仪器公告</a> </li>
							<li><a href="#">发布服务</a> </li>
						</ul>
					</li>

					<li>
						<a href="#">实验订单管理
							<span>
							<img src="images/yydd_arrow_blank.png" onmouseover="this.src='images/yydd_arrow_white.png' " onmouseout=this.src='images/yydd_arrow_blank.png'>
						</span>
						</a>
						<ul>
							<li ><a href="#">信息维护</a> </li>
							<li><a href="#">发布仪器</a> </li>
							<li><a href="#">发布仪器公告</a> </li>
							<li><a href="#">发布服务</a> </li>
						</ul>
					</li>
				</ul>
			</nav>
		</header>

		<div class="mainList">
			<div class="bNav">您的位置：仪器管理与分布>信息维护><span>离子色谱仪</span></div>
			<div class="content">
				<div class="right">
					<div class="title"><span>离子色谱仪</span></div>
					<div class="form">
						<ul>
							<li>
								<label>仪器编号</label>
								<input type="text" name="" id="" value="" />
							</li>

							<li>
								<label>共享仪器型号</label>
								<input type="text" name="" id="" value="" />
							</li>
							<li class="item4">
								<label>仪器中文名称</label>
								<input type="text" name="" id="" value="" />
							</li>
							<li>
								<label>仪器英文名称</label>
								<input type="text" name="" id="" value="" />
							</li>
							<li>
								<label>品牌或产商</label>
								<input type="text" name="" id="" value="" />
							</li>
							<li class="item11">
								<label><span>*</span>建账单位</label>
								<select>
									<option>土木工程</option>
								</select>
							</li>
							<li class="item11">
								<label></label>
								<select>
									<option>土木工程</option>
								</select>
							</li>
							<li>
								<label>人民币总价</label>
								<input type="text" name="" id="" value="" />
							</li>
							<li class="item11">
								<label><span>*</span>启用日期</label>
								<select>
									<option>2017-3-29</option>
								</select>
							</li>
							<li>
								<label>固定资产分类号</label>
								<input type="text" name="" id="" value="" />
							</li>
							<li>
								<label>存放地点</label>
								<input type="text" name="" id="" value="" />
							</li>
							<li>
								<label>购置日期</label>
								<input type="text" name="" id="" value="" />
							</li>
							<li class="item11">
								<label>仪器来源</label>
								<select>
									<option>请选择仪器</option>
								</select>
							</li>
							<li class="item4">
								<label>仪器简介</label>
								<textarea></textarea>
							</li>
							<li>
								<label>仪器参数</label>
								<input type="text" name="" id="" value="" />
							</li>
							<li>

	  						<div class="hannan1">
								<div class="row2">
									<label></label>
									<input type="text"  style="width: 200px;">
									<img src="images/publishDemandReduce.png" style="vertical-align: middle">
								</div>
								<div class="row2">
									<label></label>
									<input type="text"  style="width: 200px;">
									<img src="images/publishDemandReduce.png" style="vertical-align: middle">
								</div>
								<div class="row3">
									<label>仪器应用项目</label>
									<input style="width: 30%" type="text"  id="5" value="">
									<img id="loop" src="images/publishDemandAdd.png" />
								</div>
							</div>

							</li>
							<li>
								<label>样品要求</label>
								<input type="text" name="" id="" value="" />
							</li>
							<li>
								<label>注意事项</label>
								<input type="text" name="" id="" value="" />
							</li>
						</ul>

						<ul>
							<li class="item11">
								<label>仪器状态</label>
								<select style="width: 421px;">
									<option>请选择仪器状态</option>
								</select>
							</li>
							<li class="item10">
								<label><span>*</span>有效时间</label>
								<select>
									<option>2018-4-9</option>
								</select>
								<span>截止日期</span>
								<select>
									<option>2018-4-9</option>
								</select>
							</li>
							<li class="item10">
								<label><span>*</span>一级分类</label>
								<select>
									<option>2018-4-9</option>
								</select>
								<span>一级分类</span>
								<select>
									<option>2018-4-9</option>
								</select>
							</li>
							<li class='item1'>
								<ul id="warp">
									<li>
										<img  id="imgShow_WU_FILE_0"  class=""  />
										<br>
										<input type="file" id="up_img_WU_FILE_0" />
									</li>
								</ul>
							</li>
						</ul>
					</div>
					<button>编辑</button>
				</div>
			</div>
		</div>

		<!--footer-->
		<footer>
			<div class="foot clearfix">
				<p>&copy; 2015-2020 科研仪器 版权所有 技术支持：科研仪器共享平台 支持电话：010-123658987 </p>
			</div>
		</footer>

		<script src="js/jquery-1.11.3.js"></script>
		<script src="js/common.js"></script>

		<script  type="text/javascript">

            var uploadPreview=function(setting){var _self=this;_self.IsNull=function(value){if(typeof(value)=="function"){return false;}
                if(value==undefined||value==null||value==""||value.length==0){return true;}
                return false;}
                _self.DefautlSetting={UpBtn:"",DivShow:"",ImgShow:"",Width:100,Height:100,ImgType:["jpg"],ErrMsg:"(gif,jpeg,bmp,png)",callback:function(){}};_self.Setting={UpBtn:_self.IsNull(setting.UpBtn)?_self.DefautlSetting.UpBtn:setting.UpBtn,DivShow:_self.IsNull(setting.DivShow)?_self.DefautlSetting.DivShow:setting.DivShow,ImgShow:_self.IsNull(setting.ImgShow)?_self.DefautlSetting.ImgShow:setting.ImgShow,Width:_self.IsNull(setting.Width)?_self.DefautlSetting.Width:setting.Width,Height:_self.IsNull(setting.Height)?_self.DefautlSetting.Height:setting.Height,ImgType:_self.IsNull(setting.ImgType)?_self.DefautlSetting.ImgType:setting.ImgType,ErrMsg:_self.IsNull(setting.ErrMsg)?_self.DefautlSetting.ErrMsg:setting.ErrMsg,callback:_self.IsNull(setting.callback)?_self.DefautlSetting.callback:setting.callback};_self.getObjectURL=function(file){var url=null;if(window.createObjectURL!=undefined){url=window.createObjectURL(file);}else if(window.URL!=undefined){url=window.URL.createObjectURL(file);}else if(window.webkitURL!=undefined){url=window.webkitURL.createObjectURL(file);}
                    return url;}
                _self.Bind=function(){document.getElementById(_self.Setting.UpBtn).onchange=function(){if(this.value){if(!RegExp("\.("+_self.Setting.ImgType.join("|")+")$","i").test(this.value.toLowerCase())){alert(_self.Setting.ErrMsg);this.value="";return false;}
                    if(navigator.userAgent.indexOf("MSIE")>-1){try{document.getElementById(_self.Setting.ImgShow).src=_self.getObjectURL(this.files[0]);}catch(e){var div=document.getElementById(_self.Setting.DivShow);this.select();top.parent.document.body.focus();var src=document.selection.createRange().text;document.selection.empty();document.getElementById(_self.Setting.ImgShow).style.display="none";div.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";div.style.width=_self.Setting.Width+"px";div.style.height=_self.Setting.Height+"px";div.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src=src;}}else{document.getElementById(_self.Setting.ImgShow).src=_self.getObjectURL(this.files[0]);}
                    _self.Setting.callback();}}}
                _self.Bind();}
            function file_click(){var WARP=document.getElementById('warp');var WARP_LI=WARP.getElementsByTagName('li');for(var i=0;i<WARP_LI.length;i++){new uploadPreview({UpBtn:"up_img_WU_FILE_"+i,ImgShow:"imgShow_WU_FILE_"+i});}}
            window.onload=file_click;
		</script>

	</body>

</html>